/*本身浏览器会自带一部分样式*/
*{
   margin: 0;  /*外间距*/
   padding: 0; /*内间距*/
} 


 .header{
    width: 100%;
    height: 600px;
    background-color: rgb(248, 217, 222);
    position: absolute;
    top: 50px;
    left: 50px;
 }


 /* 块级元素：占据一整行 */
 .div1{
    width: 600px;
    height:200px;
    background-color: lightseagreen;    
   
 }


 .div2{
    width: 800px;
    height: 150px;
    background-color: rgb(167, 242, 93);
    position:absolute;  /*div1 该元素会从原来的文档流html 中脱离开来，其他元素 会占据你的位置*/
   top: 20px;
   left: 30px;
   }

 .div3{
    width: 900px;
    height: 200px;
    background-color: blue;
   
 }

